<template>
  <div class="attr-list">
    <CommonAttr />
    <px-form>
      <px-form-item label="type">
        <px-select
          v-model="
            //@ts-ignores
            curComponent.propValue.typeName
          "
          multiple
          class="m-2"
          placeholder="选择类型"
        >
          <px-option v-for="item in options" :key="item" :label="item" :value="item" />
        </px-select>
      </px-form-item>
    </px-form>
  </div>
</template>

<script setup lang="ts">
import CommonAttr from "@visual/custom-component/common/CommonAttr.vue";
import { useComponent } from "@visual/stores";
import { storeToRefs } from "pinia";
import { ref } from "vue";
const options = ref(["posalert", "posestop", "posfix", "posinspection", "posmaintian", "posoffline", "poswarn"]);
const componentStore = useComponent();
const { curComponent } = storeToRefs(componentStore);
</script>
